﻿<html><head><title>view</title><style type="text/css">
.module{ /* offset left, top, thickness, color with alpha */
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  /* IE */
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
  /* slightly different syntax for IE8 */
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";

}
.hd {
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  border-radius: 8px 8px 0 0;
}

</style>
</head>
<body style="background-image:url('file:///android_asset/bg.png');margin:12px;">
<div class="module">
	<div><h3>{{humor.title}}ere<h3></div>
	<div class="bd" style="font-size:12px;color:#313328;">
		<p>{{humor.user.name}} {{humor.date|date:'Y-m-d H:i:s'}}</p>
		<p><a href="!img:http://hiphotos.baidu.com/dude/pic/item/61289145b123050f86947363.jpg"><img src="http://hiphotos.baidu.com/dude/pic/item/61289145b123050f86947363.jpg" /></a></p>
		<p style="font-size:18px;">
		1.大师兄~！师傅被妖怪抓走了！<br/>2.二师兄~！师傅被妖怪抓走了！<br/>3.大师兄~！二师兄被妖怪抓走了！<br/>4.大师兄~！师傅和二师兄都被妖怪抓走了！<br/>
		</p>
	</div>
</div>
{% if comments %}	
    {% for comment in comments%}

	<p>{{comment.user.name}} {{comment.date|date:'Y-m-d H:i:s'}}<p>
	<div class="bd">
		{{comment.body}}
	</div>
</div>
{% endfor %}
{% endif %}

</body>
</html>
